<template>
  <div>
    <h1>{{ message }}</h1>
    <button @click="btn">逆转</button>
  </div>
</template>

<script>
export default {
  name: "VuecliDemoApp",

  data() {
    return { message: "飞雪连天射白鹿，笑书神侠倚碧鸳" };
  },

  mounted() {},

  methods: {
    btn() {
      this.message = this.message.split("").reverse().join("");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>